<template>
  <div :class="{describe:true,[$store.getters.isDay?'day':'night']:true}">
    <Header></Header>
    <div class="text">这是简介</div>
  </div>
</template>

<script>
import Header from '../components/Header.vue'
export default {
  name:'describe',
  components:{
    Header,
  }
}
</script>

<style scoped lang="scss">
  .describe {
    width:100%;
    min-height:100vh;
    background-color: #339999;
    transition: all 0.5s;
    .text {
      padding-top:85px;
    }
  }
  .describe.night {
    background-color: #33495d;
  }
</style>